{include file="public/_head" /}
<div class="container">
    <div class="content center-block animated fadeInDown">
        <div class="page-header h1">用户登录</div>
        <form action="#">
            <div class="form-group">
                <label for="username" class="control-label">用户名</label>
                <input type="text" class="form-control" id="username" name="username" placeholder="用户名" />
            </div>
            <div class="form-group">
                <label for="password" class="control-label">密码</label>
                <input type="password" class="form-control" id="password" name="password" placeholder="密码" />
            </div>
            <div class="form-group">
                <label for="verify" class="control-label">验证码</label>
                <div class="input-group">
                    <input type="text" class="form-control" id="verify" name="verify" placeholder="验证码" />
                    <span class="input-group-addon"><img src="{:captcha_src()}" alt="验证码" onclick="this.src='{:captcha_src()}?time=305530751'"></span>
                </div>
            </div>
            <div class="form-group">
                <button class="btn btn-primary btn-block" type="submit" id="login">登录</button>
            </div>
        </form>
    </div>
    <div class="bottom center-block animated fadeInUp">
        Copyright 2018 {$webInfo.copyright} All Rights Reserved
    </div>
</div>

<script src="/static/index/js/jquery-3.3.1.min.js"></script>
<script src="/static/index/js/bootstrap.min.js"></script>
<script src="/static/lib/layer/layer.js"></script>
<script>
    $(function () {
       $('#login').click(function () {
           $.ajax({
               url:"{:url('index/index/login')}",
               type:'post',
               data:$('form').serialize(),
               dataType:'json',
               success:function (data) {
                   if (data.code == 1) {
                       layer.msg(data.msg, {
                           icon:6,
                           time:2000
                       }, function () {
                           history.go(-1);
                       });
                   }else {
                       layer.open({
                           title:'登录失败',
                           content:data.msg,
                           icon:5,
                           anim:6
                       });
                   }
               }
           });
           return false;
       });
    });
</script>
</body>
</html>